<template>
  <a-breadcrumb style="padding: 12px;">
    <a-breadcrumb-item>
      <text :class="{icon}"></text>
    </a-breadcrumb-item>
    <a-breadcrumb-item>{{ msg }}</a-breadcrumb-item>
    <a-breadcrumb-item v-if="msg2">{{ msg2 }}</a-breadcrumb-item>
  </a-breadcrumb>
</template>

<script>
export default {
  name: "Breadcrumb",
  props: {
    msg: String,
    icon:String,
    msg2:String
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.iconfont{
  font-size: 12px;
}
</style>
